@charset "UTF-8";

html, body {
    margin: 0px;
    width: var(--lucidity-note-full-width);
    height: var(--lucidity-note-full-height);
    color: var(--lucidity-note-font-color);
    font-size: var(--lucidity-note-font-size);
    /* 加载背景图 */
    /* background: linear-gradient(to right top, #65dfc9, #6cdbeb); */
    /* background: url("/assets/static/image/default-bk.jpeg") no-repeat center center; */
    /* 背景图不平铺 */
    background-size: cover;
    /* 让背景图基于容器大小伸缩 */
    background-attachment: fixed;
    /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */
    background-color: var(--lucidity-note-body-bkcolor);
    font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
}

.app {
    width: var(--lucidity-note-full-width);
    height: var(--lucidity-note-full-height);
}

/** 公共样式: 清除 padding **/
.clear-padding {
    padding: 0rem !important;
}

/** 毛玻璃效果 **/
.frosted-glass {
    backdrop-filter: var(--lucidity-note-blur-filter);
    -webkit-backdrop-filter: var(--lucidity-note-blur-filter);
    background: var(--lucidity-note-frosted-glass-bkcolor);
}

/** 不允许复制 **/
.non-allow-copy {
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

/** 浏览器滚动条样式 - 火狐 **/
* {
    scrollbar-color: #cccccc;
    scrollbar-width: thin;
}

/** 非火狐浏览器滚动条样式 **/
/*滚动条整体样式*/
::-webkit-scrollbar {
    width:.2rem;
    height:.2rem
}
/* 滑块颜色 */ 
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 .2rem rgba(0,0,0,0.2);
    box-shadow: inset 0 0 .2rem rgba(0, 0, 0, 0.2);
    background-color:#ccc;
    border:solid .1rem #ccc;
    border-radius:.1rem;
}
/* 滚动条的滑轨背景颜色 */ 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 .2rem rgba(0,0,0,0.2);
    box-shadow: inset 0 0 .2rem rgba(0, 0, 0, 0.2);
    border-radius: .1rem;
    background: #EDEDED;
}
/* ::-webkit-scrollbar-arrow {
    color:#F00;
    background:#0F0;
}     */

/** 边框底部阴影 **/
.box-bottom-shadow {
    /* -webkit-box-shadow: var(--lucidity-note-box-shadow);
    -moz-box-shadow: var(--lucidity-note-box-shadow);
    box-shadow: var(--lucidity-note-box-shadow); */
}